import './App.css';
import React, { Component } from 'react'
import { Link } from 'react-router-dom'

export default class FlexLayout extends Component {
    
    constructor(props){
        super(props)
        this.state = {
            directionClazz:'direaction-1'
        }
        this.chnagDirection = this.chnagDirection.bind(this)
    }
    
    chnagDirection =(di)=>{
        console.time('chnagDirection')
        let newDi = 'direaction-' + di
        this.setState({directionClazz:newDi})
        console.timeEnd('chnagDirection')
    }

    render(){
    return (
        <div>
            <Link to="/flex">flex</Link>
            {this.props.children}
        </div>
  );}
}
